<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人设置页</title>
		<link rel="icon" href="img/170612_02i668aijej2cb21ji56g98a218dg_48x48.png">
		<link rel="stylesheet" type="text/css" href="css/personal.css"/>
		<script src="js/jquery-1.8.3.js"></script>
	</head>
	<body>
		<!--**********侧边导航栏*********-->
		<div id="side_nav_bar">
			<ul class="side_nav_bar_list">
				<li class="download_app">
					<a href="javascript:;"><i class="iconfontyyy">&#xe653;</i>下载<span>A</br>p</br>p</span></a>
					<strong></strong>
					<img src="img/7e_0h22fa0g03cgl0c5676cb6k2ii71h_140x140.png"/>
				</li>
				<li class="chart"><a href="#"><i class="iconfontyyy chart_logo">&#xe601;</i>购物车</a></li>
				<li class="news"><a href="#"><i class="iconfontyyy news_logo">&#xe663;</i>消息</a></li>
				<li class="coupon"><a href="#"><i class="iconfontyyy coupon_logo">&#xe662;</i>优惠券</a></li>
				<li class="collection"><a href="#"><i class="iconfontyyy collection_logo">&#xe61f;</i>收藏</a></li>
				<li class="footprint"><a href="#"><i class="iconfontyyy footprint_logo">&#xe600;</i>足迹</a></li>
				<li><a href="#" class="back_top"><i class="iconfontyyy back_top_logo">&#xe771;</i></a></li>
			</ul>
		</div>
		<!--********************个人设置页头部*********-->
		<div id="global_head">
			<!--**************顶部导航******************-->
			<div id="top_nav">
				<div class="top_nav">
					<ul>
						<li class="user">
							<a href="#"><strong></strong>铭铭默想<b></b></a>
							<ol class="user_personal">
								<li><a href="#">账号安全</a></li>
								<li><a href="#">退出</a></li>
							</ol>
						</li>
						<li class="my_collection">
							<a href="#"><i style="background-position: -76px 0"></i>我的收藏</a><br />
							<ol>
								<li><a href="#">收藏宝贝</a></li>
								<li><a href="#">收藏店铺</a></li>
							</ol>
						</li>
						<li class="top_mychart"><a href="#"><i style="background-position: -102px 0"></i>我的购物车</a></li>
						<li class="my_order"><a href="#"><i style="background-position: -130px 0"></i>我的订单</a></li>
						<li class="help_center">
							<a href="#">帮助中心<i style="background-position: -170px 3px"></i></a>
							<ol>
								<li><a href="#">买家服务</a></li>
								<li><a href="#">商家服务</a></li>
								<li><a href="#">规则中心</a></li>
							</ol>
						</li>
						<li class="business_way"><a href="#">商家后台</a></li>
					</ul>
				</div>
			</div>
			<!--*****************logo 搜索模块  二维码************-->
			<div id="search">
			<div class="search_left">
				<a href="#"></a>
			</div>
			<div class="search_center">
				<p>宝贝</p>
				<input type="text"  />
				<em id="btn"></em>
				<ul>
					<li><a href="#">连衣裙</a></li>
					<li><a href="#">运动鞋</a></li>
					<li><a href="#">雪纺衫</a></li>
					<li><a href="#">衬衫</a></li>
					<li><a href="#">薄外套</a></li>
					<li><a href="#">T恤</a></li>
					<li><a href="#">牛仔裤</a></li>
					<li><a href="#">小白鞋</a></li>
					<li><a href="#">风衣</a></li>
					<li><a href="#">绑带凉鞋</a></li>
					<li><a href="#">休闲鞋</a></li>
				</ul>
			</div>
			<div class="search_right">
				<img src="img/1rp_49cgihk50031c69jjk51ilkjk4950_210x157.gif" alt="app" />
			</div>
		</div>
			<!--************全局导航栏***************-->
			<div id="global_nav">
				<div class="global_nav1">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">上衣</a></li>
						<li><a href="#">裙子</a></li>
						<li><a href="#">裤子</a></li>
						<li><a href="#">女鞋</a></li>
						<li><a href="#">包包</a></li>
						<li><a href="#">配饰</a></li>
						<li><a href="#">美妆</a></li>
						<li><a href="#">男友</a></li>
						<li><a href="#">童装</a></li>
						<li><a href="#">家居</a></li>
					</ul>
				</div>
			</div>
			<!--********************************************JS滚动高度固定导航栏及显示返回顶部-->
			<script>
				$(document).ready(function(){
					//滚动高度固定导航栏及显示返回顶部
					$(window).scroll(function(){
						if($("body,html").scrollTop() > 189){
							//侧边栏返回顶部显示
							$(".back_top").css({
								display : "block",
								position : "fixed",
								bottom : 0,
							})
							//全局导航栏
							$("#global_nav").css({
								position : "fixed",
								top : 0
							});
							$("#body_wrap").css("margin-top",50);
						}else{
							//侧边栏返回顶部
							$(".back_top").css("display","none");
							//全局导航栏
							$("#global_nav").css("position","")
							$("#body_wrap").css("margin-top",0);
							
						}
					});
					//点击返回顶部事件
					$(".back_top").click(function(){
						$("body,html").scrollTop(0);
					})
				})
			</script>
		</div>
		<!--*************个人信息设置页部分-->
		<div class="body_wrap">
			
		</div>
	</body>
</html>
